#app {
  .app-wrapper {
    position: relative;
    height: calc(100vh - #{$headerHeight});
    display: flex;
    padding: 0 14px 14px;
  }
  // 主体区域
  .main-container {
    flex: 1;
    width: 0;
  }
  // 侧边栏
  .sidebar-container {
    color: #fff;
    margin-right: 14px;
    .menu{
      height: 100%;
      overflow-y: auto;
      font-size: 14px;
      li{
        cursor: pointer;
        list-style: none;
        // height: 80px;
        background: #202A36;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:6px 10px;
        width:80px;
        text-align: center;
        &:hover{
          background: #273c54;
        }
        &.active{
          background: #FF6415;
        }
        .icon{
          width:24px;
          height: 40px;
          margin-bottom: 6px;
        }
        
      }
    }
  }
  
  
}